﻿body{margin:0 auto;}
.main_div_index{width:1024px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold;}
.cartoon_inside{width:448px; height:398px; background:url(images/index_cartoon.png); margin:0 auto; padding-top:95px; margin-top:90px;}
.cartoon_inside p{margin:0px; text-align:center; margin-bottom:7px;}
#creatobd{color:#939598;}
#date{margin-top:15px; margin-bottom:15px;}
.cartoon_inside input{border:2px solid #000; border-radius:40px; padding:0 8px;}
.human_portal{width:100%; border-top:2px solid #B1B3B6; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#939598; font-weight:bold; margin-top:10px;}
.login_input_button{width:158px; height:20px; background:url('images/signin_button.jpg'); border:0px !important;}

/*==========================================================================================================================*/
.main_div_home{width:1024px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; text-align:center; padding-top:100px;}
.homapage_icons{width:260px; margin:0 auto; margin-bottom:30px;}
.homapage_icons ul{overflow:hidden; list-style:none; margin:0px; padding:0px;}
.homapage_icons ul li{float:left; margin:11px 2px; cursor:pointer; text-decoration:none;}
.homapage_icons ul li p{margin:0px; width:80px;}
.homapage_icons ul li div{width:59px; height:59px; margin:0 auto;}
.homapage_icons ul a li #home{background:url(images/home.jpg);}
.homapage_icons ul a li #employee{background:url(images/employe.jpg);}
.homapage_icons ul a li #onduty{background:url(images/onduty.jpg);}
.homapage_icons ul a li #attendance{background:url(images/attendance.jpg);}
.homapage_icons ul a li #leave{background:url(images/leave.jpg);}
.homapage_icons ul a li #notification{background:url(images/notification.jpg);}
.homapage_icons ul a li #blackbox{background:url(images/blckbox.jpg);}
.homapage_icons ul a li #hrpolicy{background:url(images/hr.jpg);}
.homapage_icons ul a li #logout{background:url(images/power.jpg);}
.homapage_icons ul a {color:#000;}


.homapage_icons ul a li #home:hover{background:url(images/home1.jpg);}
.homapage_icons ul a li #employee:hover{background:url(images/employe1.jpg);}
.homapage_icons ul a li #onduty:hover{background:url(images/onduty1.jpg);}
.homapage_icons ul a li #attendance:hover{background:url(images/attendance1.jpg);}
.homapage_icons ul a li #leave:hover{background:url(images/leave1.jpg);}
.homapage_icons ul a li #notification:hover{background:url(images/notification1.jpg);}
.homapage_icons ul a li #blackbox:hover{background:url(images/blckbox1.jpg);}
.homapage_icons ul a li #hrpolicy:hover{background:url(images/hr1.jpg);}
.homapage_icons ul a li #logout:hover{background:url(images/power1.jpg);}
.homapage_icons ul a:hover {color:#54B948;}

.homapage_icons ul .active #home{background:url(images/home1.jpg) !important;}
.homapage_icons ul .active #employee{background:url(images/employe1.jpg) !important;}
.homapage_icons ul .active #onduty{background:url(images/onduty1.jpg) !important;}
.homapage_icons ul .active #attendance{background:url(images/attendance1.jpg) !important;}
.homapage_icons ul .active #leave{background:url(images/leave1.jpg) !important;}
.homapage_icons ul .active #notification{background:url(images/notification1.jpg) !important;}
.homapage_icons ul .active #blackbox{background:url(images/blckbox1.jpg) !important;}
.homapage_icons ul .active #hrpolicy{background:url(images/hr1.jpg) !important;}
.homapage_icons ul .active #logout{background:url(images/power1.jpg) !important;}
.homapage_icons ul .active {color:#54B948;}


.home_page{width:100%; border-top:2px solid #B1B3B6; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; margin-bottom:130px;}
/*==========================================================================================================================*/
.main_div_other{width:1024px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; text-align:center;}
.othrpage_1{width:100%; border-top:2px solid #B1B3B6;  border-bottom:2px solid #B1B3B6; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; height:36px;}
.othrpage_1 p{margin:0px; margin-top:6px;}
.othrpage_1 a{color:#000; text-decoration:none;}
.othrpage_1 a:hover{color:#54B948;}
.other_page_icons{height:93px;}

.present_class{display:none;}

.main_div_other{width:756px; margin:0 auto; margin-bottom:10px;}
.main_div_other ul{overflow:hidden; list-style:none; margin:0px; padding:0px;}
.main_div_other ul li{float:left; margin:11px 2px; cursor:pointer; text-decoration:none;}
.main_div_other ul li p{margin:0px; width:80px;}
.main_div_other ul li div{width:59px; height:59px; margin:0 auto;}
.main_div_other ul a li #home{background:url(images/home.jpg);}
.main_div_other ul a li #employee{background:url(images/employe.jpg);}
.main_div_other ul a li #onduty{background:url(images/onduty.jpg);}
.main_div_other ul a li #attendance{background:url(images/attendance.jpg);}
.main_div_other ul a li #leave{background:url(images/leave.jpg);}
.main_div_other ul a li #notification{background:url(images/notification.jpg);}
.main_div_other ul a li #blackbox{background:url(images/blckbox.jpg);}
.main_div_other ul a li #hrpolicy{background:url(images/hr.jpg);}
.main_div_other ul a li #logout{background:url(images/power.jpg);}
.main_div_other ul a {color:#000;}


.main_div_other ul a li #home:hover{background:url(images/home1.jpg);}
.main_div_other ul a li #employee:hover{background:url(images/employe1.jpg);}
.main_div_other ul a li #onduty:hover{background:url(images/onduty1.jpg);}
.main_div_other ul a li #attendance:hover{background:url(images/attendance1.jpg);}
.main_div_other ul a li #leave:hover{background:url(images/leave1.jpg);}
.main_div_other ul a li #notification:hover{background:url(images/notification1.jpg);}
.main_div_other ul a li #blackbox:hover{background:url(images/blckbox1.jpg);}
.main_div_other ul a li #hrpolicy:hover{background:url(images/hr1.jpg);}
.main_div_other ul a li #logout:hover{background:url(images/power1.jpg);}
.main_div_other ul a:hover {color:#54B948;}
.main_div_other ul a:hover .present_class{display:block;}

.main_div_other ul .active #home{background:url(images/home1.jpg) !important;}
.main_div_other ul .active #employee{background:url(images/employe1.jpg) !important;}
.main_div_other ul .active #onduty{background:url(images/onduty1.jpg) !important;}
.main_div_other ul .active #attendance{background:url(images/attendance1.jpg) !important;}
.main_div_other ul .active #leave{background:url(images/leave1.jpg) !important;}
.main_div_other ul .active #notification{background:url(images/notification1.jpg) !important;}
.main_div_other ul .active #blackbox{background:url(images/blckbox1.jpg) !important;}
.main_div_other ul .active #hrpolicy{background:url(images/hr1.jpg) !important;}
.main_div_other ul .active #logout{background:url(images/power1.jpg) !important;}
.main_div_other ul .active {color:#54B948;}





.new_notification{position:absolute; margin-left:472px; width:235px; margin-top:-25px; display:none;}
.new_notification img{margin-top:25px; float:left;}
.new_notification p  {position:absolute;}


.update_user_add_table{margin-top:20px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px;}
.update_user_add_table table{border-top:4px solid #85a6ce; border-bottom:4px solid #85a6ce;}
.update_user_add_table table tr td{padding:5px 10px; border-bottom: 1px solid #BEBEBE; border-top: 1px solid #FFFFFF;}
.add_user_input{width:174px;}
.update_user_add_table table input{}
.update_user_add_table table p{margin:0px;}
.add_user_td1{background:#e8ecf1;}
.add_user_td2{background:#eff2f6;}
.submit_button_add_user{text-align:right;}
.submit_button_add_user input{padding:5px 10px; background:#57c257; color:#FFF; cursor:pointer; border:0px;}

.hrpage_info_table{border-top:4px solid #85a6ce; border-bottom:4px solid #85a6ce; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; margin-top:10px;}
.hrpage_info_table tr td{padding:5px 10px; border-bottom: 1px solid #BEBEBE; border-top: 1px solid #FFFFFF;}
.hrpage_info_table p{margin:0px;}